body {
	background 	: #EEEEEE url(images/bg.png) repeat-y scroll center;
	color 		: black;
	display 	: block;
	font-family : "Lucida Grande","Lucida Sans","Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
	font-size 	: 80%;
}
img {
	border:0px solid transparent;
}
a, body, dd, dl, dt, div, fieldset, form, h1, h2, h3, h4, img, li, ul, ol, p, pre, table, td, tr {
	margin 	: 0pt;
	padding : 0pt;
}
a {
	color 			: black; /* re-definition pour IE7 */
	border-bottom	: 1px dotted grey;
}
ul {
	list-style-type: none;
}
#error { 
	/* c'est la boite d'information. 
	pour les couleurs faut mettre warning ou notice */
	text-align: center;
}
#addressbook {
	width 	: 760px;
	margin  : auto;
}

#notice-error, #fatal-error {
	text-align: center;
	padding-top: 270px;
	background-image: url(images/warning.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#fatal-error {
	background-image: url(images/warning.jpg); }
#notice-error {
	background-image: url(images/notice.png); }

/******************/
/* NAVIGATION BAR */	
	#header {
		background 	: #fff url(images/bg_header.png) no-repeat scroll top center;
		height		: 143px;
		position 	: relative;
	}
	#header a {
		border : 0px dotted grey;
	}
	#header #homeLink {
		display	: block;
		height	: 85px;
		text-decoration: none;
	}
	#language {
		position: absolute;
		top:5px;
		right: 5px; }
		
	#header #navigation {
		position: absolute;
		bottom: 33px;
		right: 0;
		margin: 0 ;
		padding: 0 ;
		list-style: none ;
		text-align: center ;
	}
	#header #navigation li {
		display: inline ;
		color: #fff ;
		background: #c00;
	}
	#header #navigation li a {
		display: block;
		width: 150px;
		float:left;
		background: #c00;
		color: #fff ;
		border: 1px solid #600 ;
		font: normal normal bold 110% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		line-height: 1em ;
		text-align: center ;
		text-decoration: none ;
		height	  : 19px;
		margin-right: 1px;
	}
	#header #navigation li a:hover, #header #navigation li a:focus, #header #navigation li a:active {
		background: #900 ;
		text-decoration: underline ;
	}
	#header #userInfo {
		position 	: absolute;
		bottom 		: 0px;
		right 		: 0px;
		font-weight : bold;
		color 		: black;
	}

/***************/
/* page Welcome */
	#welcome {
		margin-top	: 25px; }
	#welcome h1 {
		font-size: 150%; }
	#welcome .d0 {
		width    		: 650px;
		margin   		: auto;
		margin-bottom 	: 25px;
		padding  		: 10px;
		border   		: 1px dashed #522; }
	#welcome .d0 h1 {
		background-color: #eee;
		margin-bottom 	: 10px;
		padding			: 5px; }
	#welcome .d0 ul {
		list-style-position: inside;
		list-style-type: circle; }
	#welcome .d1 {
		margin	: auto 95px; }
	#welcome .d1, 	#welcome .d2 {
		float		: left; 
		background	: #fff url(images/bg_welcome-form.png) no-repeat scroll top left; 
		width  	 	: 245px;
		height		: 300px; }

/***************/
/* Class general */
	.type1 {
		background-color: #99CCCC;
	}
	.warning, .notice {
		font-weight	: bold;
		text-align	: center;
		font-variant: small-caps;
	}
	.warning {
		color 		: crimson;
	}
	.notice {
		color 		: #009966;
	}
	.legend { /* utilise l'elements texte comme un legend ... */
		background-color: #DDD;
		color 			: black;
		border 		: 1px dotted #999;
		text-align		: center;
		font-weight	: bold;
		margin-bottom	: 1.2em;
	}
	.spanToButton {
		background-color: #009966;
		color 			: #fff;
		font-weight		: bold;
		padding 		: 2px 5px;
		border  		: 1px solid #000;
		width			: 125px;
		text-align 		: center;
		cursor 			: pointer;
	}
	.evidence1 {
		font-weight: bold;
	}
	.table_left {
		text-align			: left;
	}
	.table_justify {
		text-align			: justify;
	}
	.table_right {
		text-align			: right;
	}
	.table_center {
		text-align			: center;
	}
	.delete, .edit, .add {
		float		: left;
		display		: block;
		background	: transparent url("images/ico-delete.png") no-repeat scroll center center;
		width		: 22px;
		height		: 20px;
		font-size	: 1em;
		cursor		: pointer; }
	.edit {
		background-image: url("images/ico-edit.gif"); }
	.add {
		background-image: url("images/ico-add.png"); }	
	
	/* les formulaires */
	.formType1 {
		margin : 10px; }
	.formType1 fieldset {
		padding: 10px; }
	.formType1 fieldset label, #edit_person_vcard fieldset input {
		float 	: left;
		margin  : 5px auto; }
	.formType1 fieldset p {
		clear 	: both; }
	.formType1 fieldset label, .formType1 fieldset p.radiobox label {
		width	: 150px; 	}
	.formType1 fieldset p input:focus, .formType1 fieldset p textarea:focus, .formType1 fieldset p select:focus {
		border				: 1px solid black;
		background-color 	: #E3E2EC; 	}
	.formType1 fieldset p input, .formType1 fieldset p textarea, .formType1 .mandatory {
		width 	: 15em;
		border	: 1px solid #E3E2EC; }
	.formType1 fieldset p textarea {
		width : 35em;
		height: 8em; }
	.formType1 fieldset p.radiobox {
		float		: left;
		margin-left	: 150px; /* la taille des labels du formulaire */ 	}
	.formType1 fieldset p.radiobox input, .radiobox label {
		border: 0px solid red;
		float: left; }
	.formType1 fieldset p.radiobox input {
			width : 2em; }
	.formType1 .mandatory {
		background-repeat	: no-repeat;
		background			: transparent url(images/important.gif) no-repeat scroll center right; }
	.formType1 .error {
		background			: #ffe6e6 url(images/important.gif) no-repeat scroll center right;
		border				: 2px solid crimson; 	}
	.formType1 fieldset legend {
		padding 	: 0.2em 0.5em;
		text-align 	: right; 	}	
	.formType1 fieldset p label:first-letter { 
		font 		: 120%/1 sans-serif; 	}
/************/
	.formType2 legend, .formType2 legend {
		font: normal normal bold 125% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }
	.formType2 fieldset {
		border		: 0px solid transparent;
		margin		: 10px;  }
	.formType2 fieldset p input#login, .formType2 fieldset p input#password {
		background-repeat	: no-repeat;
		border-width		: 1px;
		padding-left		: 18px; }
	.formType2 fieldset p input#login {
		background-image	: url(images/bg_welcome-form-user.png); }
	.formType2 fieldset p input#password {
		background-image	: url(images/bg_welcome-form-password.png); }
	.formType2 fieldset p input:focus {
		background 	: #e6e6e6; 	}
/************/
	.formPromoteur fieldset {  
		border:1px solid green  }
	.formPromoteur fieldset legend {
		  border:1px solid green;
		  color:green; 	}
	.formFreelance fieldset {  
		border:1px solid blue;  }
	.formFreelance fieldset legend {
		  border:1px solid blue;
		  color:blue; }

/** DISPLAY TAG **/		 
	.display {
		text-align: center;
	}		  
	.display table {
		border: 1px solid #666;
		width: 80%;
		margin: auto;
	}
	
	.display th,td {
		padding: 2px 4px 2px 4px !important;
		text-align: left;
		vertical-align: top;
	}
	
	.display thead tr {
		background-color: #fc0;
	}
	
	.display th.sorted {
		background-color: orange;
	}
	
	.display th a,th a:visited {
		color: black;
	}
	
	.display th a:hover {
		text-decoration: underline;
		color: black;
	}
	
	.display th.sorted a,th.sortable a {
		background-position: right;
		display: block;
		width: 100%;
	}
	
	.display th.sortable a {
		background-image: url(images/arrow_off.png);
	}
	
	.display th.order1 a {
		background-image: url(images/arrow_down.png);
	}
	
	.display th.order2 a {
		background-image: url(images/arrow_up.png);
	}
	.display th a {
		padding-right	  : 4px;
		background-repeat : no-repeat;
	}
	
	.display tr.odd {
		background-color: #fff
	}
	
	.display tr.tableRowEven,tr.even {
		background-color: #fea
	}
	
	.display div.exportlinks {
		background-color: #eee;
		border: 1px dotted #999;
		width: 80%;
		margin: auto;
	}
	
	.display span.export {
		padding: 0 4px 1px 20px;
		display: inline;
		display: inline-block;
		cursor: pointer;
	}
	
	.display span.excel {
		background-image: url(images/ico_file_excel.png);
		background-repeat:no-repeat;
	}
	
	.display span.csv {
		background-image: url(images/ico_file_csv.png);
		background-repeat:no-repeat;
	}
	
	.display span.xml {
		background-image: url(images/ico_file_xml.png);
		background-repeat:no-repeat;
	}
	
	.display span.pdf {
		background-image: url(images/ico_file_pdf.png);
		background-repeat:no-repeat;
	}
	
	.display span.rtf {
		background-image: url(images/ico_file_rtf.png);
		background-repeat:no-repeat;
	}
	
	.display span.pagebanner {
		background-color: #eee;
		border: 1px dotted #999;
		padding: 2px 4px 2px 4px;
		width: 79%;
		margin-top: 10px;
		display: block;
		border-bottom: none;
	}
	
	.display span.pagelinks {
		background-color: #eee;
		border: 1px dotted #999;
		padding: 2px 4px 2px 4px;
		width: 79%;
		display: block;
		border-top: none;
		margin-bottom: -5px;
	}